<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!-- 如果要使用Bootstrap的js插件，必须先调入jQuery -->
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<link href="https://cdn.bootcss.com/bootstrap/4.0.0-beta.2/css/bootstrap.css" rel="stylesheet">
<link href="../css/dashboard.css" rel="stylesheet">
<title>微博个人页面</title>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light" style="background-color: #e3f2fd;">
  <a class="navbar-brand" href="../login.jsp">微博登录</a>
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>

  <div class="collapse navbar-collapse" id="navbarSupportedContent">
    <ul class="navbar-nav mr-auto">
      <li class="nav-item active">
        <a class="nav-link" href="../register.jsp">微博注册 <span class="sr-only">(current)</span></a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="./logout.do">微博登出</a>
      </li>
      <li class="nav-item ">
        <p>
  <a class="btn btn-primary" data-toggle="collapse" href="#collapseExample" 
  role="button" aria-expanded="false" aria-controls="collapseExample" style="background-color:#857e95">
    显示文章
  </a>
</p>

      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">删除文章</a>
      </li>
    </ul>
    <form class="form-inline my-2 my-lg-0">
      <input class="form-control mr-sm-2" type="search" placeholder="搜索" aria-label="Search">
      <button class="btn btn-outline-success my-2 my-sm-0" type="submit">搜索</button>
    </form>
  </div>
</nav>

	<h1>${currentUser.username}的微博！</h1>
	<div class="dashimg">
		<img src="../upload/${currentUser.filename}" style="width:400px;">
	</div>
	
	<div class="collapse" id="collapseExample">
  	<div class="card card-body">
    	<div class="container">
			<ul class="list-group" id="list-articles"></ul>
		</div>
  	</div>
</div>
	
	<div class="panel panel-default register-panel">
			<div class="h2 text-center">编写文章</div>
			<div class="pannel-body justify-content-center row">
				
				<form class="form-horizontal col-md-6 justify-content-center column" action="../add.do" method="post">
					<div class="form-group col-md-6 offset-3">
						<label class="control-label col-md-4 offset-5 text-primary font-weight-bold">标题</label>
						<div class="col-md-12">
							<input type="text" class="col-md-12" 
								id="username" name="title"/>
						</div>
					</div>
					
					<div class="form-group col-md-6 offset-3">
						<label class="control-label col-md-4 offset-5 text-secondary font-weight-bold">内容</label>
						<div class="col-md-4">
							<textarea rows="10" cols="70" name="content"></textarea>
						</div>
					</div>
					
					<div class="form-group col-md-6 offset-3">
						<div class="offset-4 col-md-4">
							<button type="submit" class="btn btn-primary btn-block">提交</button>
						</div>
					</div>
					
				</form>
				
			</div>
		</div>
	
	

	
	<script type="text/javascript" src="../javascripts/list.js"></script>

<!-- 包括所有bootstrap的js插件或者可以根据需要使用的js插件调用　-->
	<script src="https://cdn.bootcss.com/bootstrap/4.0.0-alpha.6/js/bootstrap.js"></script>
</body>
</html>